function doTest() {
  alert(123)
}

// 入口函数 -- dom树创建完毕就执行
$(function () {

  // 1.为按钮添加点击事件 ------------------------
  $('#link_reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })

  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })

  // 2.为layui添加表单自定义规则 -------------------
  layui.form.verify({
    pwd: [/^[\S]{6,12}$/, '亲，密码必须在6-12位哦~~ : )'],
    repwd: function (val) {
      // 判断 确认密码框值 和 密码框的值 是否不一样，并 返回错误消息
      if (val !== $('#txtPwd').val())
        return '讨厌，你的输入不一样哦~~亲~~哦~~'
    }
  })

  // 3.注册表单提交事件 ----------------------------
  // 注意：当 layui 校验通过后，会提交表单，触发表单的提交事件
  $('#formReg').on('submit', function (e) {
    // a.阻断表单的 提交行为
    e.preventDefault()

    // b.获取表单中要提交的数据
    let data = {
      username: $('#txtUName').val().trim(),
      password: $('#txtPwd').val().trim(),
    }

    // c.提交数据到接口
    $.post('/api/reguser', data, function (res) {
      // 如果注册失败，则阻止函数运行，并提示
      if (res.status !== 0) return layui.layer.msg(res.message)
      // 如果注册成功，则 提示成功
      layui.layer.msg(res.message)
      // 模拟 去登录 按钮被点击
      $('#link_login').trigger('click')
      // 将 用户名 自动填充到 登录框的 文本框
      $('#usrName').val(data.username)
      // 清空表单
      $('#formReg')[0].reset()
    })

  })

  // 4.登录表单的提交事件 -------------------------
  $('#formLogin').on('submit', function (e) {
    // a.阻止表单默认提交行为
    e.preventDefault()
    // b.获取表单元素的值（用户名和密码）
    let data = layui.form.val("f1")
    // c.提交数据到登录接口
    $.post('/api/login', data, function (res) {
      if (res.status != 0) return layui.layer.msg(res.message)
      // d.如果登录成功，保存 token 到 sessionStorage 中，提示并跳转到 首页
      layui.layer.msg(res.message, {
        icon: 1,
        time: 2000 //2秒关闭（如果不配置，默认是3秒）
      }, function () {
        sessionStorage.setItem('token', res.token)
        location.replace('/index.html')
      })
    })
  })
})
